import React, { useState } from 'react'
import styles from './index.less'
import { Upload, Alert, Tooltip, Empty, Breadcrumb } from 'antd';
import CommentFoot from "@/components/commonFooter"
import vEvent from "@/repair";
import Uploads from  "@/components/Upload";
export default function Poster() {
  const [upurl, Setupurl] = useState("")
  vEvent.$on("send", (val: string) => {
    Setupurl(val)
  })
  
  return (
    <div>

      <div className={styles.poster_head}>
        <Breadcrumb>
          <Breadcrumb.Item>
            <a href="/">工作台</a>
          </Breadcrumb.Item>
          <Breadcrumb.Item>
            <a href="">海报管理</a>
          </Breadcrumb.Item>
        </Breadcrumb>
      </div>

      <div className={styles.poster}>

        <div className={styles.ant_alert}>     
            <Uploads upurl={upurl}></Uploads>
          {/*  <Alert message={<Tooltip title="prompt text">
          <span>系统检测到</span>
          <strong>阿里云OSS配置</strong>
          未完善，
          <a href="https://creationadmin.shbwyz.com/setting">点我立即完善</a>
        </Tooltip>
        } type="warning" /> */}
        </div>
        <div className={styles.poster_search}>
          <div className={styles.inp}>
            <span>文件名称：</span>
            <input type="text" placeholder='请输入文件名称' />
          </div>
          <div className={styles.searchSub}>
            <button className={styles.subSearch}>搜索</button>
            <button className={styles.subReset}>重置</button>
          </div>
        </div>
        <div className={styles.poster_conten}>
          <Empty imageStyle={{
            height: 220,
            marginBottom: -80,
          }} image={Empty.PRESENTED_IMAGE_SIMPLE} description='暂无数据' />
        </div>
      </div>
      <CommentFoot />
    </div>

  )
}
